<template>
  <el-row class="tac">
    <el-col :span="12">
      <el-menu
        default-active="2"
        class="el-menu-vertical-demo"
        @open="handleOpen"
        @close="handleClose"
        :router="true"
      >
        <el-menu-item index="/index/PortalManagement/Home">
          <span slot="title">首页</span>
        </el-menu-item>
        <el-menu-item index="/index/PortalManagement/Introduction">
          <span slot="title">系统简介</span>
        </el-menu-item>
        <el-menu-item index="/index/PortalManagement/Archives">
          <span slot="title">廉政档案</span>
        </el-menu-item>

        <el-submenu index="4">
          <template slot="title">
            <span>监督举报</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/index/PortalManagement/ReportOnInternet">网上举报</el-menu-item>
            <el-menu-item index="/index/PortalManagement/QRReport">二维码举报</el-menu-item>
            <el-menu-item index="/index/PortalManagement/InvestigationAndEvaluation">调查评估</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
        <el-submenu index="5">
          <template slot="title">
            <span>清风论坛</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/index/PortalManagement/Classroom">亦廉课堂</el-menu-item>
            <el-menu-item index="/index/PortalManagement/OutsideBox">他山之石</el-menu-item>
            <el-menu-item index="/index/PortalManagement/Warning">警示教育</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
        <el-submenu index="6">
          <template slot="title">
            <span>风险防控</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/index/PortalManagement/Risk">思想道德风险</el-menu-item>
            <el-menu-item index="/index/PortalManagement/Home">制度机制风险</el-menu-item>
            <el-menu-item index="/index/PortalManagement/Home">岗位责任风险</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
        <el-submenu index="7">
          <template slot="title">
            <span>党纪法规</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/index/PortalManagement/Statute">分类系统</el-menu-item>
            <el-menu-item index="/index/PortalManagement/Tips">小贴士</el-menu-item>
         
          </el-menu-item-group>
        </el-submenu>
        <el-submenu index="8">
          <template slot="title">
            <span>巡视巡察</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/index/PortalManagement/Inspection">中央动态</el-menu-item>
               <el-menu-item index="/index/PortalManagement/BeiJing">北京动态</el-menu-item>
            <el-menu-item index="/index/PortalManagement/Group">集团动态</el-menu-item>
            <el-menu-item index="/index/PortalManagement/Special">专题维护</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
        <el-submenu index="9">
          <template slot="title">
            <span>审查调查</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/index/PortalManagement/Investigation">执纪审查</el-menu-item>
            <el-menu-item index="/index/PortalManagement/Home">执法审查</el-menu-item>
            <el-menu-item index="/index/PortalManagement/PD">党纪政务处分</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
      </el-menu>
    </el-col>
  </el-row>
</template>
<script>
export default {
  methods: {
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    }
  }
};
</script>
<style lang="less" scoped>
/deep/.el-col {
  width: 198px !important;
  height: 100% !important;
}
/deep/.el-menu-item {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
}
/deep/.el-menu-vertical-demo,
.el-menu {
    height: 100%;
}
/deep/.tac,
.el-row {
  height: 100%;
}
</style>